@import '~antd/es/style/themes/default.less';


:root {
  --workbench-tabHeight: 35px;
  --workbench-toolBarHeight: 50px;
  --workbench-btnHeight: 30px;
  --siderBar-background-color: #4F2D7F;
  --cpasPrimaryColor: #4F2D7F;
}


html,
body {
  height: 100%;
  background-color: var(--siderBar-background-color);
  border-top-left-radius: 8px;
  overflow: hidden;
  padding: 2px;
  box-sizing: border-box;
}

#root {
  height: 100%;
  background-color: rgb(248, 248, 248);
  border-top-left-radius: 8px;
  overflow: hidden;

  .ant-design-pro {
    .ant-layout-has-sider {
      .ant-layout-sider {
        margin-top: 2px;
        margin-left: 2px;
        border-top-left-radius: 8px;

        .ant-layout-sider-children {
          .ant-pro-sider-logo {
            padding: 8px !important;

            img {
              display: none;
            }

            h1 {
              margin-left: 8px !important;
              font-size: 20px;
              font-weight: 500;
              opacity: 1 !important;
            }
          }

          .ant-menu-root {
            width: calc(100% - 10px) !important;

            .ant-menu-item-selected::after {
              opacity: 0;
            }

            .ant-menu-item {
              // height: 30px !important;
              margin: 4px 6px !important;
              padding: 0px !important;
              border-radius: 8px;

              .ant-menu-title-content {
                .ant-pro-menu-item {
                  margin-left: 8px !important;

                  .anticon {
                    margin: 0 !important;
                  }

                  .ant-pro-menu-item-title {
                    margin-left: 8px !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

}


.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  height: 100%;
}

.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead>tr,
    &-tbody>tr {

      >th,
      >td {
        white-space: pre;

        >span {
          display: block;
        }
      }
    }
  }
}

// Compatible with IE11
@media screen and(-ms-high-contrast: active),
(-ms-high-contrast: none) {
  body .ant-design-pro>.ant-layout {
    height: 100%;
  }
}

// .ant-tabs-nav {
//   background-color: #fafafa;
// }

.ant-table-body {
  overflow: auto !important;

  .ant-table-placeholder .ant-table-cell {
    border: none;
  }
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-open .ant-tree-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Width */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #c8c8c8;
  border-radius: 10px;
}

// .ant-tree-directory .ant-tree-list .ant-tree-treenode-selected .anticon {
//   color: #fff;
// }
.dx-toolbar-button {
  padding-left: 4px;
  padding-right: 4px;
}
.dx-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 8px 7px;
}